<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>清除浮动总结</title>
</head>
<body>
    
    <h3>为什么要清除浮动</h3>
    1、父级元素没高度
    2、子盒子浮动了
    3、影响了下面布局

    <br>

    <img src="清除浮动总结.png" alt="">

</body>
</html>